<div class="container-fluid">
	<div class="row">
		<div class="col-sm-2 col-md-2 col-lg-2 sidebar">
			<ul class="nav nav-sidebar">
				<li class="active">
					<a>新闻资讯</a>
				</li>
				<li>
					<a>体育竞技</a>
				</li>
				<li>
					<a>娱乐八卦</a>
				</li>
				<li>
					<a>前沿科技</a>
				</li>
				<li>
					<a>环球财经</a>
				</li>
				<li>
					<a>天气预报</a>
				</li>
				<li>
					<a>房产家居</a>
				</li>
				<li>
					<a>网络游戏</a>
				</li>
			</ul>
			<div class="footer">
				<div class="container center-block">
					<p class="text-muted">
						<strong>@Twitter, Inc.</strong>
						<br />
						 <!-- 795 Folsom Ave, Suite 600 San Francisco, CA 94107 <abbr title="Phone">P:</abbr> (123) 456-7890 -->
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 col-lg-10 col-lg-offset-2 main">
			<div class="row">
				<div class="col-md-6 col-lg-6">
					<ul class="breadcrumb">
						<li>
							<a href="#">主页</a>
						</li>
						<li>
							<a href="#">类目</a>
						</li>
						<li class="active">
							主题
						</li>
					</ul>
				</div>
				<div class="col-md-6 col-lg-6">
					<form class="form-search">
						<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
					</form>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 col-lg-12">
					<div class="alert alert-warning">
						 <button type="button" class="close" data-dismiss="alert">×</button>
						<h4>
							提示!
						</h4> <strong>警告!</strong> 请注意你的个人隐私安全.
					</div>
					<table class="table">
						<thead>
							<tr>
								<th>
									编号
								</th>
								<th>
									产品
								</th>
								<th>
									交付时间
								</th>
								<th>
									状态
								</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Default
								</td>
							</tr>
							<tr class="success">
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Approved
								</td>
							</tr>
							<tr class="error">
								<td>
									2
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									02/04/2012
								</td>
								<td>
									Declined
								</td>
							</tr>
							<tr class="warning">
								<td>
									3
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									03/04/2012
								</td>
								<td>
									Pending
								</td>
							</tr>
							<tr class="info">
								<td>
									4
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									04/04/2012
								</td>
								<td>
									Call in to confirm
								</td>
							</tr>
						</tbody>
					</table>
					<div class="pagination">
						<ul>
							<li>
								<a href="#">上一页</a>
							</li>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
							<li>
								<a href="#">下一页</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
